<html>
	<head>
		<meta charset="utf-8"></meta>
		<title>StyleSheet</title>
		<link href="./style.css" rel="stylesheet" type="text/css"/>
	</head>
	<body>
		<div class="class" name="BStyle">
			<h1>StyleSheet：样式表</h1>
			<div id="desc">
				<p>样式表语言用于配置样式，通过简洁且易读的语句进行编写，生成一系列的样式对象（<a href="./BStyle.html">BStyle</a><text>）。</text></p><p>可通过BWidget::setStyleSheet(text)方法为特定的控件设置样式表。使用方法BApplication::setStyleSheet(text)等方法为整个程序设置样式表。</p><p>样式对象的父子结构用于层次化分配样式，其分配的主体是控件，控件的样式可以分配给其内容称为支线样式分配。</p><p>样式对象常包含子样式和附件样式。附件样式会被控件主动获取，以用于对控件的内部布局进行配置，如BListWidget中的“:item”被用于其中的各个项。<p>示例：<br/><pre>BComboBox{
	BButton{
		icon-size: 23px;
	}
	:item{
		border: 2px;
	}
}</pre><p>如上示例代码，表示BComboBox的样式包含BButton类型的子样式，item是其附件样式。<br/>使用{和}构建多层级样式，且鼓励使用多层级集中配置，因为这有利于样式文本的管理。<br/>样式键名称在冒号左边，右边指定此样式键对应的值。<br/>注意：以上示例代码中分别指定了图标尺寸为23像素，边框宽度是2像素，这两个值的后缀px是习惯用法，没有意义会被忽略。</p></p></p><p>需要注意，大多数的颜色值或图像配置是用于一整个状态组的，因此需要明确指定哪一种状态的值。状态值分为主状态和次状态值，两种使用位与运算联合使用。状态表如下：</p><h4>主状态表：（为与状态概念区别，将主状态称为情况）</h4>
				<table>
					<tr><td>State_Normal</td><td>0x0001</td><td>有用的普通情况。</td></tr>
					<tr><td>State_Actived</td><td>0x0002</td><td>有用的活跃情况。</td></tr>
					<tr><td>State_Checked</td><td>0x0004</td><td>有用的开启情况。</td></tr>
					<tr><td>State_Disable</td><td>0x0008</td><td>无用状态。</td></tr>
				</table><h4>次状态表：</h4>
				<table>
					<tr><td>State_Hovered</td><td>0x0010</td><td>悬停状态。</td></tr>
					<tr><td>State_Pressed</td><td>0x0020</td><td>按下状态。</td></tr>
					<tr><td>State_Selected</td><td>0x0030</td><td>选择状态。</td></tr>
				</table>
				<p>注意在指定状态时使用‘-’作为指示符，其中-active同于-actived，-check同于-checked，-disable同于-disabled，-hover同于-hovered，-press同于-pressed，-select同于-selected。若没有指定状态则表示所有状态，如：border-color:red，表示所有状态下的边框颜色为红色。</p><p>指定数值时如果值表示尺寸则单位都是像素值，如：border: 3px；表示边框宽度为3像素，其中px没有意义，事实上数值后面的后缀都没有意义，都会被忽略。所有如：margin: 1,2,3,4;表示四边边距分别为1，2， 3， 4个像素值。</p><p>指定值时有如下特殊值：<br/><table margin="3">
						<tr>1.0 
							<td>unset</td>
							<td>
								 清除指定样式值。 
								<br/><text>xxx: unset; 此形式清除xxx项的数据；</text><br/><text>unset: all; 此形式清除指定项的数据，可指定的内容有如下选项：</text><br/>
								<table>
									<tr><td>all</td><td>清除所有数据。</td></tr>
									<tr><td>values</td><td>清除所有的预定义数值，以及所有命名数值资源。</td></tr>
									<tr><td>colors</td><td>清除所有预定义颜色值，包括所有命名颜色资源。</td></tr>
									<tr><td>images</td><td>清除所有预定义图像，包括所有的命名图像资源。</td></tr>
									<tr><td>icons</td><td>清除所有预定义图标，包括所有的命名图标资源。</td></tr>
									<tr><td>trans</td><td>清除所有翻译资源。</td></tr>
									<tr><td>words</td><td>清除所有单词资源。</td></tr>
									<tr><td>texts</td><td>清除所有文本资源。</td></tr>
								</table>
							</td></tr>
						<tr><td>none</td><td>设置初始值数值，常表示0或枚举中的none。</td></tr>
						<tr><td>revert</td><td>设置值为无效值，此方法通常设置占位值。</td></tr></table></p>
				<p>
					 颜色值语法： 
					<br/>
					<text/><table>
						<tr><td>color: #AABBCC;</td><td>使用十六进制数值表示颜色值，此语句中指定了三个分量。</td></tr>
						<tr><td>color: #AABBCCDD;</td><td>此语句使用十六进制数值表示颜色值，包括了透明度值。</td></tr>
						<tr><td>color: rgb(255,255,0);</td><td>用rgb()句式指定三个颜色分量，数值范围都是0~255。</td></tr>
						<tr><td>color: rgba(255,0,255,128);</td><td>使用rgba()句式指定四个颜色分量，数值范围都是0~255，第四个值为透明度。</td></tr>
						<tr><td>color: 255,255,255,100;</td><td>此语句直接指定颜色值的三个或四个分量，其中第四个分量表示透明度。</td></tr>
						<tr><td>color: blue;</td><td>此语句指定颜色值为预设命名颜色值，主参考命名颜色值1表。</td></tr></table>
				</p><p>图像值指定为直接使用文件路径，如果相对路径则是可以相对于加载时的当前路径，或者是样式表文件的所在目录。</p><p>图标值指定方法有如下方法：<br/><table>
						<tr><td>icon: image.png;</td><td>指定图像路径，以此图像作为基础构建各个状态的图像。<img/></td></tr>
						<tr><td>icon: ../icon/checkbox;</td><td>在../icon/文件夹下寻找所有以checkbox开头的图像文件进行载入，对各个图像文件名称进行状态解析以指定对应状态的图像。</td></tr>
						<tr><td>icon: image/find.png | 3*1, pressed, normal, disable;</td><td>指定一个合成图像，所谓合成图像是指一个图像中以行列表格形式排列的若干子图像，这种方式主要是用于简化图标文件的管理，如指定的图像如下:<br/><img src="./image/find.png"/><p>图像文件名之后添加以'|'开始的行列等分指示，如：|3*1表示将图像等分为3行1列，共为3个子图像。<br/><text>在等分指示语之后按顺序指定各个图像对应的状态。</text></p></td></tr></table></p><p>对齐方式值的指定方法是以下若干项可选，使用或'|'字符进行合并使用。<br/>示例如：<br/> align: center; 表示居中对齐。<br/> align: left | vcenter; 表示左中对齐。<br/>以下为各种选项：<br/><table>
						<tr><td>left/left-center</td><td>左/左中。</td></tr>
						<tr><td>top/top-center</td><td>上/上中。</td></tr>
						<tr><td>right/right-center</td><td>右/右中。</td></tr>
						<tr><td>bottom/bottom-center</td><td>下/下中。</td></tr>
						<tr><td>center/vcenter/hcenter</td><td>居中/纵向居中/横向居中。</td></tr></table></p><p>图样值的指定选项如下：<br/><table>
						<tr><td>unset</td><td>取消图样键的设置。</td></tr>
						<tr><td>revert</td><td>空值占位。</td></tr>
						<tr><td>none</td><td>值为无样式，即：Graph_None。</td></tr>
						<tr><td>space</td><td>值为空白图样，即：Graph_Space。</td></tr>
						<tr><td>circle/circle-fill</td><td>值为圆形线框（Graph_Circle），圆形填充（Graph_Circle_Fill）。</td></tr>
						<tr><td>square/square-fill</td><td>值为矩形线框（Graph_Square），矩形填充（Graph_Square_Fill）。</td></tr>
						<tr><td>round/round-fill</td><td>值为圆角矩形线框（Graph_Round），圆角矩形填充（Graph_Round_Fill）。</td></tr>
						<tr><td>arrow-up/arrow-up-fill</td><td>值为向上箭头（Graph_Arrow_Up），向上箭头填充（Graph_Arrow_Up_Fill）。</td></tr>
						<tr><td>arrow-down/arrow-down-fill</td><td>值为向下箭头（Graph_Arrow_Down），向下箭头填充（Graph_Arrow_Down_Fill）。</td></tr>
						<tr><td>arrow-left/arrow-left-fill</td><td>值为向左箭头（Graph_Arrow_Left），向左箭头填充（Graph_Arrow_Left_Fill）。</td></tr>
						<tr><td>arrow-right/arrow-right-fill</td><td>值为向右箭头（Graph_Arrow_Right），向右箭头填充（Graph_Arrow_Right_Fill）。</td></tr>
						<tr><td>arrow-left-top/arrow-left-top-fill</td><td>值为向左上箭头（Graph_Arrow_Left_Top），向左上箭头填充（Graph_Arrow_Left_Top_Fill）。</td></tr>
						<tr><td>arrow-right-top/arrow-right-top-fill</td><td>值为向右上箭头（Graph_Arrow_Right_Top），向右上箭头填充（Graph_Arrow_Right_Top_Fill）。</td></tr>
						<tr><td>arrow-left-bottom/arrow-left-bottom-fill</td><td>值为向左下箭头（Graph_Arrow_Left_Bottom），向左下箭头填充（Graph_Arrow_Left_Bottom_Fill）。</td></tr>
						<tr><td>arrow-right-bottom/arrow-right-bottom-fill</td><td>值为向右下箭头（Graph_Arrow_Right_Bottom），向右下箭头填充（Graph_Arrow_Right_Bottom_Fill）。</td></tr>
						<tr><td>plus</td><td>值为加号图样（Graph_Plus）。</td></tr>
						<tr><td>minus</td><td>值为减号图样（Graph_Minus）。</td></tr>
						<tr><td>cross</td><td>值为叉号图样（Graph_Cross）。</td></tr>
						<tr><td>maximize</td><td>值为窗口最大化图样（Graph_Maximize）。</td></tr>
						<tr><td>minimize</td><td>值为窗口最小化图样（Graph_Minimize）。</td></tr>
						<tr><td>normalize</td><td>值为窗口常规化图样（Graph_Normalize）。</td></tr></table></p><p>方向值指定时有如下选项：<br/><table>
						<tr><td>unset</td><td>清除方向设置。</td></tr>
						<tr><td>revert</td><td>空值占位。</td></tr>
						<tr><td>none</td><td>无方向值，即：Orientation_None。</td></tr>
						<tr><td>horizontal</td><td>横向，即：Orientation_Horizontal。</td></tr>
						<tr><td>vertical</td><td>纵向，即：Orientation_Vertical。</td></tr>
						<tr><td>crossing</td><td>横向和纵向，即：Orientation_Horizontal | Orientation_Vertical。</td></tr>
						<tr><td>reverse</td><td>反向的，即：Orientation_Reverse。</td></tr></table><p>如上表，方向值是可以使用|字符合并的，如：orientation: horizontal | reverse; 表示方向是横向的且由右向左。</p></p><p id="policy">可指定的策略选项如下：<br/><table>
						<tr><td>unset</td><td>清除样式值。</td></tr>
						<tr><td>revert</td><td>空值占位。</td></tr>
						<tr><td>none</td><td>不进行调整，值为：Policy_None。</td></tr>
						<tr><td>fixed</td><td>以固定值为基础进行调整，值为：Policy_Fixed。</td></tr>
						<tr><td>preferred</td><td>以合适的尺寸为基础进行调整，值为：Policy_Preferred。</td></tr>
						<tr><td>expanding</td><td>在基础尺寸之上可以进行扩展，值为：Policy_Expanding。</td></tr>
						<tr><td>shrinking</td><td>在基础尺寸之下可以进行收缩，值为：Policy_Shrinking。</td></tr>
						<tr><td>dynamic</td><td>在基础尺寸之外可以进行扩展和收缩，值为：Policy_Dynamic = Policy_Expanding | Policy_Shrinking。</td></tr>
						<tr><td>growing</td><td>在合适尺寸之上可以进行扩展，值为：Policy_Growing = Policy_Preferred | Policy_Expanding。</td></tr>
						<tr><td>limited</td><td>在合适尺寸之下可以进行收缩，值为：Policy_Limited = Policy_Preferred | Policy_Shrinking。</td></tr></table><p>如上表，策略值是可以使用’|‘字符进行合并的，如：policy: expanding | fixed; 表示策略为以给定的固定尺寸为基础进行扩展但不可缩小。</p></p><p>由于样式表语句会略过一些空白字符，且使用冒号作为键值对的分割符，使用封号作为语句的完成标识，所以文本内容需要这此特殊字符时需要注意其关键字符的替换，使用反斜杠符号对这关键字符进行转义，使用其不具有语法语义。详细如下：<br/><table>
						<tr><td>\s</td><td>表示一个空格。</td></tr>
						<tr><td>\:</td><td>表示一个冒号字符。</td></tr>
						<tr><td>\;</td><td>表示一个封号字符。</td></tr></table></p>
				<p id="style-keys">预置样式键的语法列表：</p><table>
					<tr><td>style</td><td>清空当前样式数据，值为颜色，以此颜色值对样式进行初始化。</td></tr>
					<tr>
						<td align="center">background</td>
						<td>
							 由于背景只能是指颜色，所以background同于background-color。 
							<br/>
							<text>background: color; 设置所有背景色。 </text><br/>
							<text>background-normal: color; 只设置正常状态的背景颜色。 </text><br/>
							<text>background-actived: color; 设置所有活跃状态的背景颜色。</text><br/>
							<text>background-actived-hovered: color; 设置活跃状态时悬停状态的背景颜色值。</text><br/>
							<text>background-checked: color; 设置所有开启状态的背景颜色。</text><br/>
							<text>background-cheked-pressed: color; 设置开启状态下按下状态的背景颜色值。</text><br/>
							<text>background-selected: color; 指定所有主状态下的选中状态的背景颜色值。</text>
							<br/>
						</td>
					</tr>
					<tr><td>foreground</td><td>设置前景颜色值。由于前景只能设置颜色所有foreground同于foreground-color。<br/><text>foreground: color; 设置所有背景色。</text><br/><text>foreground-normal: color; 只设置正常状态的背景颜色。</text><br/><text>foreground-actived: color; 设置所有活跃状态的背景颜色。</text><br/><text>foreground-actived-hovered: color; 设置活跃状态时悬停状态的背景颜色值。</text><br/><text>foreground-checked: color; 设置所有开启状态的背景颜色。</text></td></tr>
					<tr><td>text</td><td>设置文本，如按钮（BButton）、行文本编辑器（BLineEdit）、列表项（BListItem）等等。</td></tr>
					<tr><td>text-color</td><td>指定文本颜色。<br/><text>text-color: color; 设置所有有状态的文本颜色值。</text><br/><text>text-color-normal: color; 只设置正常情况下所有状态的文本颜色。</text><br/><text>text-color-actived: color; 只设置活跃情况下所有状态的文本颜色。</text><br/><text>text-color-actived-hovered: color; 只设置活跃情况下悬停状态的文本颜色。</text><br/><text>text-selected: color; 设置所有情况下的选中状态的文本颜色。</text></td></tr>
					<tr><td>border<br/><text>border-size</text><br/><text>border-width</text></td><td>设置边框的大小，对应Value_Border的值。<br/><text>border: 2px; 指定边框宽度值为2像素。</text><br/><text>border-size: 3px; 指定边框宽度值为3像素。</text><br/><text>border-width: 4px; 指定边框宽度值为4像素。</text></td></tr>
					<tr><td>border-radius<br/>radius</td><td>border-radius同于radius键，设置边框的圆角半径尺寸。分为四个角落分别为：左上角，右上角，左下角，右下角。<br/><text>圆角半径值是尺寸值（BSize），所有可以分别指定横向（X轴）和纵向（Y轴）的半径值。</text><br/><text>由于只有最外面的边缘才可以设置半径值，所有边框圆角半径也就是整体的圆角半径，所以border-radius同于radius。</text><br/><text>四个圆角半径可以分别指定，以下为若干示例用法：</text><br/><table>
								<tr><td>border-radius: 5px;</td><td>设置边框四个圆角半径都为5个像素。</td></tr>
								<tr><td>border-radius: 5px, 6px;</td><td>设置边框四个圆角半径都为BSize(5, 6)。</td></tr>
								<tr><td>border-radius: 1, 2, 3, 4;</td><td>设置左上角、右上角、右下角、左下角的圆角半径分别为1、2、3、4像素。</td></tr>
								<tr><td>border-radius-left-top: 1, 2px;</td><td>设置左上角的圆角半径为BSize(1, 2)。</td></tr>
								<tr><td>border-radius-right-bottom: 5px;</td><td>设置右下角的圆角半径为BSize(5, 5)。</td></tr></table></td></tr>
					<tr><td>border-color</td><td>指定边框的颜色。<br/><table>
								<tr><td>border-color-hovered</td><td>设置所有情况下的悬停状态的边框颜色值。</td></tr>
								<tr><td>border-color-pressed</td><td>设置所有情况下的按下状态的边框颜色值。</td></tr>
								<tr><td>border-color-checked</td><td>设置开启情况下的所有状态的边框颜色值。</td></tr>
								<tr><td>border-color-disable</td><td>设置失活情况下的所有状态的边框颜色值。</td></tr></table></td></tr>
					<tr><td>border-image</td><td>设置边框图像，图像的边缘的像素会被使用，超出边框像素宽度的中央部分图像不会被使用。<br/><text>可对各种情况下的各种状态对应的图像进行分别设置，以下为若干示例：</text><br/><table>
								<tr><td>border-image: none;</td><td>清空所有情况下的所有状态的边框图像。</td></tr>
								<tr><td>border-image: image;</td><td>指定全部情况下的所有状态的边框图像。</td></tr>
								<tr><td>border-image-normal: image;</td><td>指定正常情况下的所有状态的边框图像，往往会填充空置的活跃状态的图像。</td></tr>
								<tr><td>border-image-pressed: image;</td><td>指定所有情况下的按下状态的边框图像。</td></tr></table></td></tr>
					<tr><td>perch</td><td>设置栖位大小，分为上下左右四部分值。<br/><text>perch: 1, 2, 3, 4; 表示左上右下四个部分的栖位宽度值分别为1，2，3，4个像素值。</text><br/><text>perch: 5px; 表示左上右下四个部分的栖位的宽度值都是5个像素。</text><br/><text>perch-top: 3px; 表示上部的边距值为3个像素，对应键为Value_Perch_Top。</text><br/><text>perch-left: 10px; 表示左部的边距值为10个像素，对应键为Value_Perch_Left。</text><br/><text>perch-right: 5px; 表示右侧的边距值为5个像素，对应键为Value_Perch_Right。</text><br/><text>perch-bottom: 5px; 表示下部的边距值为5个像素，对应键为Value_Perch_Bottom。</text></td></tr>
					<tr><td>perch-color</td><td>设置栖位颜色，可分别对不同情况下的各个状态进行设置。<br/><table>
								<tr><td>perch-color-hovered: #AABBCC;</td><td>设置所有情况下的悬停状态的颜色值。</td></tr>
								<tr><td>perch-color-active: blue;</td><td>设置活跃情况下所有状态的栖位颜色值为蓝色。</td></tr>
								<tr><td>perch-color-checked-normal: red;</td><td>设置开启情况下的普通状态的栖位颜色值为红色。</td></tr>
								<tr><td>perch-color-disable: gray;</td><td>设置无效情况下的所有状态的栖位颜色值为灰色。</td></tr></table></td></tr>
					<tr><td>perch-image</td><td>指定栖位的图像，可分别对不同情况下的各个状态进行设置。<br/><table>
								<tr><td>perch-image-hovered: image.png;</td><td>设置所有情况下的悬停状态的图像。</td></tr>
								<tr><td>perch-image-active: image.png;</td><td>设置活跃情况下所有状态的栖位图像。</td></tr>
								<tr><td>perch-image-checked-normal: image.png;</td><td>设置开启情况下的普通状态的栖位图像。</td></tr>
								<tr><td>perch-image-disable: image.png;</td><td>设置无效情况下的所有状态的栖位图像。</td></tr></table></td></tr>
					<tr><td>margin</td><td>设置边距大小，分为上下左右四部分值。<br/><table>
								<tr><td>margin:3px;</td><td>设置四面边距值为3像素。</td></tr>
								<tr><td>margin:1px, 2px, 3px, 4px;</td><td>分别设置左、上、右、下四面的边距值为：1、2、3、4像素。</td></tr>
								<tr><td>margin: 3, 4px;</td><td>设置左边距值为3像素，上下边距值为4像素。</td></tr>
								<tr><td>margin-left: 10;</td><td>设置左边距值为10个像素。</td></tr></table></td></tr>
					<tr><td>margin-color</td><td>设置边距区域的颜色，可以对各种状态分别设置颜色。<br/><table>
								<tr><td>margin-color: red;</td><td>设置边距区域的颜色为红色。</td></tr>
								<tr><td>margin-color-hovered: blue;</td><td>设置边距区域在任何情况下悬停状态下的颜色为蓝色。</td></tr>
								<tr><td>margin-color-actived-pressed: green;</td><td>设置边距区域在活跃情况下按下状态的颜色为绿色。</td></tr></table></td></tr>
					<tr><td>margin-image</td><td>设置边距区域的图像，可以对各种状态分别设置图像。<br/><text>图像的像素数据只有处于边距尺寸范围内的才会被用于绘制，</text><br/><table>
								<tr><td>margin-image: ../image.png;</td><td>设置边距区域的图像为红色。</td></tr>
								<tr><td>margin-image-hovered: image.png;</td><td>设置边距区域在任何情况下悬停状态下的图像。</td></tr>
								<tr><td>margin-image-actived-pressed: image.png;</td><td>设置边距区域在活跃情况下按下状态的图像。</td></tr></table></td></tr>
					<tr><td>size</td><td>设置尺寸大小，可指定一个或二两个整数，样式值为Value_Width，Value_Height。<br/><table>
								<tr><td>size: 100px;</td><td>设置固定宽度和固定高度都是100像素。</td></tr>
								<tr><td>size: 100px, 50;</td><td>设置固定宽度为100像素，固定高度为50像素。</td></tr></table></td></tr>
					<tr><td>width</td><td>设置宽度值，样式键为：Value_Width。</td></tr>
					<tr><td>height</td><td>设置高度值，样式键为：Value_Height。</td></tr>
					<tr><td>fixed-size</td><td>设置固定尺寸，样式键为：Value_Fixed_Width，Value_Fixed_Height。<br/><table>
								<tr><td>fixed-size: 100px;</td><td>设置固定宽度和固定高度都是100像素。</td></tr>
								<tr><td>fixed-size: 100px, 50;</td><td>设置固定宽度为100像素，固定高度为50像素。</td></tr></table></td></tr>
					<tr><td>fixed-width</td><td>设置固定宽度值，样式键为：Value_Fixed_Width。</td></tr>
					<tr><td>fixed-height</td><td>设置固定高度值，样式键为：Value_Fixed_Height。</td></tr>
					<tr><td>min-size</td><td>设置最小尺寸，可以指定一个或两个整数值，样式键为：Value_Min_Width，Value_Min_Height。</td></tr>
					<tr><td>min-width</td><td>设置最小宽度值，样式键为：Value_Min_Width。</td></tr>
					<tr><td>min-height</td><td>设置最小高度值，样式键为：Value_Min_Height。</td></tr>
					<tr><td>max-size</td><td>设置最大尺寸值，可以指定一个或两个整数值，样式键为：Value_Max_Width, Value_Max_Height。</td></tr>
					<tr><td>max-width</td><td>设置最大宽度值，样式键为：Value_Max_Width。</td></tr>
					<tr><td>max-height</td><td>设置最大高度值，样式键为：Value_Max_Height。</td></tr>
					<tr><td>visible</td><td>设置是否显示，值类型为bool，样式键为：Value_Visible。</td></tr>
					<tr><td>font</td><td>设置字体，其后可以指定若干个属性，顺序为：字体家族名称，字体大小，bold/italic/mono。<br/><text>font: times, 20, bold, mono; 表示字体名称为times，字体大小为20像素，使用粗体，使用等宽字符。</text></td></tr>
					<tr><td>font-family</td><td>指定字体家族名称，如：font-family: VeraSe;</td></tr>
					<tr><td>font-size</td><td>指定字体的尺寸，如：font-size: 20px; 表示指定字体大小为20像素大小，注意px无意义，会被忽略。</td></tr>
					<tr><td>font-tab</td><td>font-tab等同于font-tabsize，指定字体中缩进字符（\t）的宽度为几个单位尺寸，默认为2个字符宽度。<br/><br/><text>font-tab：4; 表示字体缩进字符的宽度为4个单位尺寸。</text></td></tr>
					<tr><td>font-mono</td><td>font-mono同于font-monospace，指定是否开启等宽字符效果。<br/><text>font-mono: true; 表示开启等宽字符效果。</text></td></tr>
					<tr><td>title</td><td>同于title-text，设置当前控件的标题。样式键为：Value_Title。</td></tr>
					<tr><td>title-color</td><td>设置标题区域的背景颜色，注意此颜色值不是用于标题文本绘制的。<br/><text>样式键为：Color_Title~Color_Title_Max。</text><br/><text>各个情况下的各个状态的标题颜色值可以分别指定。</text><br/><table>
								<tr><td>title-color: red;</td><td>设置所有情况下所有状态的标题背景颜色为红色。</td></tr>
								<tr><td>title-color-hovered: blue;</td><td>设置所有情况下的悬停状态的标题背景颜色为蓝色。</td></tr>
								<tr><td>title-color-actived: yellow;</td><td>设置活跃情况下所有状态的标题背景颜色为黄色。</td></tr></table></td></tr>
					<tr><td>title-image</td><td>设置标题区域的背景图像，图像边缘部分可用附件title样式指定边距指定。<br/><text>样式键为：Image_Title ~ Image_Title_Max。</text><br/><text>各个情况下的各个状态的标题背景图像可以分别指定。</text><br/><table>
								<tr><td>title-image: image;</td><td>设置所有情况下的所有状态的标题背景图像。</td></tr>
								<tr><td>title-image-actived-hovered: image;</td><td>设置活跃情况下的悬停状态的标题背景图像。</td></tr>
								<tr><td>title-image-disable: image;</td><td>设置失活情况下的所有状态的标题背景图像。</td></tr></table></td></tr>
					<tr><td>form</td><td>设置显示形式，值类型为Form，样式键为：Value_Form。</td></tr>
					<tr><td>align</td><td>设置对齐方式，值类型为Align，样式键为：Value_Align。</td></tr>
					<tr><td>spacing</td><td>设置间隔大小，常指图标与文本的间隔距离。样式键为：Value_Spacing。<br/></td></tr>
					<tr><td>ver-spacing</td><td>设置纵向间隔值，常用于表格控件。样式键为：Value_VerSpacing。</td></tr>
					<tr><td>hor-spacing</td><td>设置横向间隔值，样式键为：Value_HorSpacing。</td></tr>
					<tr><td>item-spacing</td><td>设置项之间的间隔值，样式键为：Value_ItemSpacing。</td></tr>
					<tr><td>color</td><td>设置颜色值，样式键为：Value_Color。</td></tr>
					<tr><td>graph</td><td>设置图样值，值类型为Graph。常用于BButton，BTreeItem等等。</td></tr>
					<tr><td>image</td><td>设置图像，样式键为：Value_Image。</td></tr>
					<tr><td>image-size</td><td>设置图像显示的尺寸。样式键为：Value_Image_Size。<br/><text>image-size: 20px; 表示图像显示尺寸为20像素。</text><br/><text>image-size: 15px, 20px; 表示图像显示尺寸为宽15像素，高度为20像素。</text></td></tr>
					<tr><td>icon</td><td>设置图标，样式键为：Value_Icon。<br/></td></tr>
					<tr><td>icon-expand</td><td>设置用于展开状态的图标，常用于树型的展开图标。样式键为：Icon_Expand。</td></tr>
					<tr><td>icon-shrink</td><td>设置用于收敛状态的图标，常用于树型的收敛图标。样式键为：Icon_Shrink。</td></tr>
					<tr><td>area-policy</td><td>设置区域的横向和绘制尺寸策略，样式键为：Value_Area_Width_Policy和Value_Area_Height_Policy。<br/><text>值类型为Policy。</text><br/><table>
								<tr><td>area-policy: preferred;</td><td>设置宽度和高度策略为合适的大小。</td></tr>
								<tr><td>area-policy: preferred, growing;</td><td>设置宽度策略为合适大小，高度策略为增长。</td></tr>
								<tr><td>area-width-policy: fixed;</td><td>设置宽度策略为固定大小。</td></tr>
								<tr><td>area-height-policy: limited;</td><td>设置高度策略为尺寸收敛的。</td></tr></table></td></tr>
					<tr><td>area-color</td><td>设置区域背景颜色，样式键为：Color_Area。</td></tr>
					<tr><td>area-image</td><td>设置区域背景图像，样式键为：Image_Area。</td></tr>
					<tr><td>scroll-hint</td><td>设置横向滚动条和纵向滚动条的使用模式，样式键为：Value_Scroll_Hor_Hint和Value_Scroll_Ver_Hint。<br/><table>
								<tr><td>scroll-hint: auto;</td><td>设置横向和纵向的滚动条都是自动模式，当滚动条选区可改变时显示出来。</td></tr>
								<tr><td>scroll-hint: auto, never;</td><td>设置横向滚动条的模式为自动，纵向滚动条的模式为从不使用。</td></tr>
								<tr><td>scroll-hor-hint: always;</td><td>设置横向滚动条的模式为总是使用，即总是显示此滚动条。</td></tr>
								<tr><td>scroll-ver-hint: floating;</td><td>设置纵向滚动条的模式为浮动的，即只在鼠标靠近时显示出来。</td></tr></table></td></tr>
					<tr><td>spread</td><td>设置页面扩展尺寸，值类型为BSize，可以指定一个数值或二个用','隔开的数值。<br/>此键同于spread-size。对应样式键为：Value_Spread_Size。<br/>spread: 200px; 设置扩展尺寸为宽200像素，高200像素。<br/>spread: 200, 300; 设置扩展尺寸为宽200像素，高300像素。</td></tr>
					<tr><td>spread-width</td><td>设置页面扩展宽度尺寸，值类型为int。样式键为：Value_Spread_Size。</td></tr>
					<tr><td>spread-height</td><td>设置页面扩展高度尺寸，值类型为int。样式键为：Value_Spread_Size。</td></tr>
					<tr><td>chunk-size</td><td>设置块区域尺寸，常用于进度条（<a>BProgressBar</a>），值类型为：BSize。样式键为：Value_Chunk_Size。<br/>值可以指定一个整数或二个用','隔开的整数值。<br/>chunk-size: 32px; 表示块区域尺寸为宽高均为32像素。<br/>chunk-size: 23px, 32px; 表示块区域尺寸为宽度23像素，高度32像素。</td></tr>
					<tr><td>chunk-color</td><td debug="true">设置块区域颜色值，学用于进度条（<a>BProgressBar</a>）。样式键为：Color_Chunk ~ Color_Chunk_Max。<br/>各种情况下的各种状态的块区域颜色可以分别指定。<br/><table>
								<tr><td>chunk-color: red;</td><td>设置所有情况下的所有状态的颜色都为红色。</td></tr>
								<tr><td>chunk-color-pressed: pink;</td><td>设置所有情况下的按下状态的块区域颜色为粉色。</td></tr>
								<tr><td>chunk-color-disabled: gray;</td><td>设置无效情况的所有状态的块区域的颜色为灰色。</td></tr></table></td></tr>
					<tr><td>chunk-image</td><td>设置块区域图像，常用于进度条（<a>BProgressBar</a>）。样式键为：Image_Chunk~Image_Chunk_Max。<br/>可对特定的状态图像进行设置。<br/><table>
								<tr><td>chunk-image: image.png;</td><td>设置所有情况下的所有状态的块区域图像。</td></tr>
								<tr><td>chunk-image-pressed: image.jpg;</td><td>设置所有情况下的按下状态的块区域图像。</td></tr>
								<tr><td>chunk-image-disabled: image.gif;</td><td>设置无效情况的所有状态的块区域图像。</td></tr></table></td></tr>
					<tr><td>groove-size</td><td>设置沟槽尺寸，学用于滑动条（<a>BSlider</a>），值类型为int。样式键为：Value_Groove_Size。</td></tr>
					<tr><td>groove-color</td><td>设置沟槽颜色，常用于滑动条（）。样式键为：Color_Groove~Color_Groove_Max。<br/><table>
								<tr><td>groove-color: blue;</td><td>设置沟槽颜色为蓝色。</td></tr>
								<tr><td>groove-color-disable: gray;</td><td>设置无效情况下的所有状态的沟槽颜色为灰色。</td></tr>
								<tr><td>groove-color-active: red;</td><td>设置活跃情况下的所有状态的沟槽颜色为红色。</td></tr></table></td></tr>
					<tr><td>handle</td><td>设置手柄尺寸，常用于滑动条（）和滚动条（），值类型为BSize。样式键为：Value_Handle_Size。<br/><text>handle同于handle-size。</text><br/>可以指定一个整数值或二个整数值用','分隔。</td></tr>
					<tr><td>handle-width</td><td>设置手柄的宽度，值类型为整数。样式键为：Value_Handle_Size。</td></tr>
					<tr><td>handle-height</td><td>设置手柄的高度，值类型为整数。样式键为：Value_Handle_Size。</td></tr>
					<tr><td>handle-color</td><td>设置手柄颜色，值类型为BColor。样式键为：Color_Handle~Color_Handle_Max。<br/><table>
								<tr><td>handle-color:red; </td><td>表示手柄的所有情况下各种状态的颜色值都为红色。</td></tr>
								<tr><td>handle-color-hovered: green;</td><td>表示手柄在各情况下的悬停状态的颜色都为绿色。</td></tr>
								<tr><td>handle-color-actived-pressed: blue;</td><td>表示手柄在活跃情况下的按下状态时的颜色为蓝色。</td></tr></table></td></tr>
					<tr><td>handle-image</td><td>设置手柄的图像，常用于滚动条（）和滑动条（）。样式键为：Image_Handle~Image_Handle_Max。<br/><table>
								<tr><td>handle-image: xxx.png; </td><td>指定手柄的所有情况下各种状态的图像。</td></tr>
								<tr><td>handle-image-hovered: xxx.png;</td><td>指定手柄在各情况下的悬停状态的图像。</td></tr>
								<tr><td>handle-image-actived-pressed: xxx.png;</td><td>指定手柄在活跃情况下的按下状态时的图像。</td></tr></table></td></tr>
					<tr><td>selection-color</td><td>设置选中内容的背景颜色，常用于文本编辑框（<a>BTextEdit</a>），数值编辑框（<a>BLineEdit</a>）。<br/><table>
								<tr><td>section-color-normal: rgb(100, 128, 138);</td><td>设置普通情况下选择内容的背景颜色值。</td></tr>
								<tr><td>selection-color-disabled: gray;</td><td>设置无效情况下的选择内容的背景颜色值。</td></tr>
								<tr><td>selection-color-pressed: 186, 128, 128;</td><td>设置所有情况下的选择内容的背景颜色值。</td></tr></table></td></tr>
					<tr><td>indicator-color</td><td>设置输入位置指示器颜色，常用于文本编辑框（<a>BTextEdit</a>），数值编辑框（<br/><table>
								<tr><td>indicator-color-normal: rgb(100, 128, 138);</td><td>设置普通情况下输入指示器的背景颜色值。</td></tr>
								<tr><td>indicator-color-disabled: gray;</td><td>设置无效情况下的输入指示器的背景颜色值。</td></tr>
								<tr><td>indicator-color-pressed: 186, 128, 128;</td><td>设置所有情况下的输入指示器的背景颜色值。</td></tr></table></td></tr>
					<tr><td>arrow-size</td><td>设置箭头尺寸，常用于树型控件的展开收起图样，也会用于菜单中的子菜单指示箭头。<br/>样式键为：Value_Arrow_Size。<br/><table>
								<tr><td>arrow-size: 16px;</td><td>设置箭头尺寸为宽度和高度都是16像素。</td></tr>
								<tr><td>arrow-size: 12, 16;</td><td>设置箭头尺寸为宽度为12像素，高度为16像素。</td></tr></table></td></tr>
					<tr><td>arrow-align</td><td>设置箭头的对齐方式，值类型为：Align。样式值为：Value_Arrow_Align。<br/>arrow-align: left-center; 表示箭头对齐方式为左中。</td></tr>
					<tr><td>arrow-color</td><td>设置箭头的颜色，样式键为：Color_Arrow~Color_Arrow_Max，值类型为：BColor。</td></tr>
					<tr><td>arrow-graph</td><td>设置箭头的图样，样式键为：Value_Arrow_Graph，值类型为：Graph。</td></tr>
					<tr><td>arrow-icon</td><td>设置箭头的图标，样式键为：Icon_Arrow_Up、Icon_Arrow_Down、Icon_Arrow_Left、Icon_Arrow_Right。<br/><table>
								<tr><td>arrow-icon: xxx.png;</td><td>以指定的一个图像进行图标构造，并赋值给上述的四个箭头样式键。</td></tr>
								<tr><td>arrow-icon-left: xxx.jpg;</td><td>使用一个图像构造出图标，赋值给Icon_Arrow_Left。</td></tr>
								<tr><td>arrow-icon-bottom: image;</td><td>使用一个图像构造出图标，赋值给Icon_Arrow_Bottom。</td></tr></table></td></tr>
					<tr><td>grid</td><td>指定网格样式，常用于表格中描述行之间或列之间的分隔线。可指定两个值，网格线显示样式、线宽和颜色。<br/><table>
								<tr><td>grid: vertical, 2px, red;</td><td>指定显示纵向网格线，线宽两像素，颜色为红色。</td></tr>
								<tr><td>grid: crossing, 1;</td><td>指定显示横向和纵向网格线，线宽为一像素。</td></tr></table></td></tr>
					<tr><td>grid-style</td><td>仅指定风格样式，样式键为：Value_Grid_Style。<br/><table>
								<tr><td>none</td><td>值为Grid_None，表示不显示网格线。</td></tr>
								<tr><td>vertical</td><td>值为Grid_Vertical，表示显示纵向网格线。</td></tr>
								<tr><td>horizontal</td><td>值为Grid_Horizontal，表示显示横向网格线。</td></tr>
								<tr><td>crossing</td><td>值为Grid_Crossing，表示显示横向和纵向网格线。</td></tr></table></td></tr>
					<tr><td>grid-size/grid-width</td><td>设置网格线的尺寸，样式键为：Value_Grid_Size。</td></tr>
					<tr><td>grid-color</td><td>设置网格线的颜色，样式键为：Color_Grid_Hor，Color_Grid_Ver。</td></tr>
					<tr><td>grid-color-ver</td><td>设置纵向网格线的颜色，样式键为：Color_Grid_Ver。</td></tr>
					<tr><td>grid-color-hor</td><td>设置横向网格线的颜色，样式键为：Color_Grid_Hor。</td></tr>
					<tr><td>frameless</td><td>设置控件是否开启无边框模式。样式值为：Value＿Frameless。</td></tr>
					<tr><td>samples</td><td>设置多重采样数量，样式键为：Value_Samples。</td></tr>
					<tr><td>offset</td><td>设置弹出控件的偏移，值类型为BPoint，样式键为：Value_Offset。</td></tr>
					<tr><td>flat</td><td>设置是否开启平坦模式，常用于组合框。值类型为bool，样式键为：Value_Flat。</td></tr>
					<tr><td>wired</td><td>设置是否开启线框显示，常用于组合框。值类型为bool，样式键为：Value_Wired。</td></tr>
					<tr><td>indent</td><td>设置缩进距离长度，常用于树型框子项相对于父项的缩进，值类型为int，样式键为：Value_Indent。</td></tr>
					<tr><td>format</td><td>设置格式描述字符串，常用于日期编辑框和时间编辑框。值类型为BString，样式键为：Value_Format。</td></tr>
					<tr><td>translatable</td><td>设置是否对文本进行翻译，值类型为bool，样式键为：Value_Translatable。<br/>常用于对项的修饰，以使其文本保持原样，比如：有时候项的文本是文件名称。</td></tr>
					<tr><td>orientation</td><td>设置方向，常用于指定控件内容的布局主方向，如滑动条（BSlider），滚动条（BScrollBar），值类型为Orientation，样式键为：Value_Orientation。</td></tr>
					<tr><td>line-width</td><td>设置线宽，值类型为float，样式键为：Value_Line_Width。</td></tr>
					<tr><td>line-height</td><td>设置行高，常用于文本编辑框，值类型为int。样式键为：Value_Line_Height。</td></tr>
					<tr><td>line-spacing</td><td>设置行间距，常用于文本编辑框，值类型为int。样式键为：Value_Line_Spacing。</td></tr>
					<tr><td>line-feed</td><td>设置是否开启自动换行</td></tr>
					<tr><td>line-color</td><td>设置行背景颜色，可分别指定不同情况下各种状态的颜色。样式键为：Color_Line~Color_Line_Max。<br/><table>
								<tr><td>line-color-hovered: red;</td><td>设置行被悬停时的背景颜色为红色。</td></tr>
								<tr><td>line-color-checked-hovered: blue;</td><td>设置内容被选中的行在悬停状态下的的背景颜色为蓝色。</td></tr></table></td></tr>
					<tr><td>wire</td><td>设置线框样式，可包含线型，线宽，颜色 三个值。对应的样式键为：Value_Wire_Stripe, Value_Wire_Size, Value_Wire_Color。<br/><table>
								<tr><td>wire: 0xF0F0, 3px, rgb(100, 200, 255);</td><td>设置线框为虚线，3像素线宽，以及颜色值。</td></tr>
								<tr><td>wire: red, 2px;</td><td>设置线框颜色为红色，2像素的线宽。</td></tr></table></td></tr>
					<tr><td>wire-size<br/>wire-width</td><td>设置线宽值，数值类型为float，样式键为：Value_Wire_Size。</td></tr>
					<tr><td>wire-color</td><td>设置线框的颜色，常用于组合框等控件。样式键为：Color_Wire~Color_Wire_Max。<br/><table>
								<tr><td>wire-color: red;</td><td>设置所有情况下的所有状态的线框颜色为红色。</td></tr>
								<tr><td>wire-color-disable: gray;</td><td>设置无效情况下的所有状态的线框颜色为灰色。</td></tr></table></td></tr>
					<tr><td>policy</td><td>设置策略值，常用于表格的行或列的表头尺寸的分配中。样式键为：Value_Policy。</td></tr>
					<tr><td>width-policy</td><td>设置宽度策略，值类型为：Policy，样式键为：Value_Width_Policy。</td></tr>
					<tr><td>height-policy</td><td>设置高度策略，值类型为：Policy，样式键为：Value_Height_Policy。</td></tr>
					<tr><td>size-policy</td><td>设置宽度和高度策略，可以指定一个或两个策略值，值类型为：Policy，样式键为：Value_Width_Policy, Value_Height_Policy。<br/>参考：<br/></td></tr>
				</table>
			</div>
		</div><h4>命名资源语法：</h4><p>除了预置的样式键之外，开发者可以为程序对象分配自定义的命名资源。方法如下表：</p><table>
			<tr><td>*value: name : 123.0f;</td><td>使用*value开始数值资源定义，先指定名称，再给定数值。数值如C++语言的基础数值语法一致。</td></tr>
			<tr><td>*color: name : color;</td><td>以*color开始颜色资源定义，先指定其名称，后接颜色值。</td></tr>
			<tr><td>*image: name : xxx.png;</td><td>以*image开始图像资源的定义，先指定其名称，再给定图像文件的路径。</td></tr>
			<tr><td>*icon: name :icon/radiobox;</td><td>以*icon开始图标资源的定义，先指定其名称，再指定图标资源。</td></tr>
			<tr><td>*trans: file is saved! :文件已经被保存了！;</td><td>以*trans开始一条文本转换的资源，先指定原始文本，再指定转换文本。<br/>此类资源常用于对英文文本转换为中文，不是严格意义的翻译，但会大大改善交互的本地化效果。</td></tr>
			<tr><td>*word: loop : 循环；</td><td>以*word开始一条词转换的资源，先指定原词，再指定转换词。<br/>词转换资源常用于对源文本进行逐词转换，要求词文本中间没有空白字符，以确保词的完整性。</td></tr>
			<tr><td>*text: tips-connect : 点击进行服务连接。;</td><td>以*text开始一条文本转换资源的定义，先指定文件名称，再指定文本内容。<br/>此类资源常被程序在运行时按名称直接取得以进行使用。</td></tr></table><div><h4>附近样式设计：<p>:title被控件应用，修饰标题的显示效果。</p><p>:item，项附件样式，应用很广泛，如BComboBox, BListWidget, BTabWidget, BMenu, BMenuBar, BTableWidget, BTreeWidget。在没有:item情况下项可以使用项的类型和名称进行匹配，但有此项是内置的，如BComboBox和BMenu，其项类型无法使用，所以需要:item附件样式作为项匹配的首选项。</p></h4></div>
	</body>
</html>